{include file="public/head"/}
<script language="javascript">
	$(document).ready(function () {
		$("[data-toggle='tooltip']").tooltip();
		// 列表操作
		$(".option-undo").hide();
		
		$("#list-verify").click(function(){
			$(".option-verify").show();
			$(".option-undo").hide();
		});

		$("#list-new").click(function(){
			$(".option-verify").hide();
			$(".option-undo").show();
		});
		
	});
	
</script>


<div class="container-fluid" id="main">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="alert alert-dismissable alert-info">
                <button type="button" class="close">×</button>
                <p></p>
            </div>
        </div>
    </div>
   
   
	<div class="ntDesktop">
		<div class="ntDesktop-head">{:lang("product_profile_content_review")}</div>
        <div class="row clearfix">
            <div class="col-md-6">
                <div>
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#home" data-toggle="tab" id="list-verify" @click="threeDay(undefined)">{:lang("pending_review")}</a>
                        </li>
                        <li>
                            <a href="#home" data-toggle="tab" id="list-new" @click="threeDay(3)">{:lang("release_again_in_3_days")}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 text-right">
                <div>
                    <a href="javascript:;" type="button" class="btn btn-primary option-verify" @click="multiverify()"><span class="fa fa-user-cog"></span> {:lang("batch_approval")}</a>
                    <button type="button" class="btn btn-default option-undo" @click="multiretract()"><span class="fa fa-undo-alt"></span> {:lang("batch_retracted_release")}</button>
                </div>
            </div>
        </div>
        
        <div class="row clearfix">
        	<div class="col-md-12 column">
                <table class="table table-striped table-hover ntTable">
                    <thead>
                        <tr>
                            <th align="center"><input type="checkbox" @click="allsel"  /> </th>
                            <th>&nbsp;</th>
                            <th> {:lang('serial_number')} / {:lang("brand")} / {:lang('name')} </th>
                            <th> {:lang("the_role_of_product")} </th>
                            <th> {:lang("introduction_type")} </th>
                            <th> {:lang('language')} </th>
                            <th> {:lang('edit')} </th>
                            <th> {:lang('operate')} </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in listdata" v-cloak>
                            <td align="center"><input type="checkbox" @click="onesel(item.prodesc_id)" :value="item.prodesc_id"/></td>
                            <td><img :src="item.pro_img" border="0" width="50px" height="50px"></td>
                            <td> <small>{{item.pro_id}} / {{item.brand_name}}</small> <br />{{item.pro_name}} </td>
                            <td>{{item.prochar_model}}</td>
                            <td>{{item.prodesc_cat_name}}</td>
                            <td>{{item.lang_name}}</td>
                            <td> {{item.create_name}} <br /><small> {{item.create_at}} </small></td>
                            <td class="text-right">
                                <div>
                                    <!-- <a :href="'/admin/proverify/verifyopen?prodesc_id='+item.prodesc_id+'&lang='+item.lang+'&prodesc_cat_id='+item.id" class='btn btn-sm btn-primary option-verify' data-toggle="modal" data-target="#prointro_verifyModal" v-if="item.verify=='1'"><span class="fa fa-user-cog"></span> {:lang("review")}</a> -->
                                    <a :href="'/admin/proverify/verifyopen?prodesc_id='+item.prodesc_id+'&prodesc_cat_id='+item.id" class='btn btn-sm btn-primary option-verify' data-toggle="modal" data-target="#prointro_verifyModal" v-if="item.verify=='1'"><span class="fa fa-user-cog"></span> {:lang("review")}</a>
                                    <button class='btn btn-sm btn-default option-undo' @click="retract(item.prodesc_id)" v-if="item.verify =='2'"><span class="fa fa-undo-alt"></span> {:lang("withdraw")}</button>
                                </div>
                            </td>
                        </tr>
                        <tr style="text-align: center;"  v-if="listdata.length==0">
                                <td colspan="8">{:lang('no_data')}</td>
                            </tr>
                    </tbody>
                </table>
        	</div>
        </div>
	</div>
</div>

<!--添加弹窗部分 开始-->

<style>
	.cat_panel {
		height:50vh;
		overflow-y:auto;
	}
</style>

<!-- <div class="modal fade" id="prointro_verifyModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width:60%">
        <div class="modal-content">
            
        </div>
    </div>
</div>
<script type="text/javascript">
    $("#prointro_verifyModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });
</script> -->
<div class="modal fade" id="prointro_verifyModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script type="text/javascript">
     $("#prointro_verifyModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });
</script>
<script src="/static/Admin/js/proverify.js"></script>
<!--弹窗部分 结束-->
{include file="public/foot"/}